<template>
	<div class="detaAnnex">
		<HyCard title="附件">
			<el-descriptions :column="1" border>
				<el-descriptions-item label="正式书面函"><FilePreview :type="'view'" v-model="message.irs.letter" /> </el-descriptions-item>
				<el-descriptions-item label="佐证材料"><FilePreview :type="'view'" v-model="message.irs.other" /></el-descriptions-item>
			</el-descriptions>
		</HyCard>
	</div>
</template>

<script lang="ts" setup>
import HyCard from './Card.vue';
import textImg from './component/textImg.vue';
import FilePreview from '/@/components/HyUpload/index.vue';

import { toRefs, defineProps } from 'vue';

const props = defineProps({
	message: Object,
});

const { message } = toRefs(props);
</script>

<style lang="scss" scoped>
.detaAnnex {
	margin-top: 10px;
	:deep(.el-descriptions__label) {
		width: 10% !important;
	}
	.longRever {
		width: 100%;
		display: flex;
		flex-wrap: wrap;

		.item_box {
			width: 30%;
			margin: 5px 0px;
			display: flex;
			flex-wrap: wrap;

			.item_name {
				color: #999999;
				width: 120px;
				text-align: right;
			}
		}

		.item_box_w {
			width: 100%;
			margin: 5px 0px;
			display: flex;
			// flex-wrap: wrap;

			.item_name {
				color: #999999;
				width: 120px;
				text-align: right;
			}

			.table {
				flex: 1;
			}
		}
	}
}
</style>
